<template>
    <div class="authManagerEdit">
        <div class="top_menu">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">摄影平台</el-breadcrumb-item>
                <el-breadcrumb-item>权限管理</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: '/auth/manager' }">管理员</el-breadcrumb-item>
                <el-breadcrumb-item>资料编辑</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="main_content" v-loading="loading">
            <div class="control display-flex justify-content-spaceBetween align-items-center">
                <h3>{{type}}管理员</h3>
                <div class="display-flex align-items-center">
                    <el-button type="primary" icon="caret-left" @click="backToManager">返回</el-button>
                </div>
            </div>
            <el-card class="box-card">
                <div class="form">
                    <el-form :label-position="labelPosition" :model="ManagerForm" :rules="rules" ref="ManagerForm" label-width="80px" class="demo-ruleForm">
                        <el-form-item label="用户名" prop="username">
                            <el-input v-model.number="ManagerForm.username"></el-input>
                        </el-form-item>
                        <el-form-item prop="username_dsp" label="昵称">
                            <el-input v-model="ManagerForm.username_dsp"></el-input>
                        </el-form-item>
                        <el-form-item label="密码" prop="password">
                            <el-input type="password" v-model="ManagerForm.password" auto-complete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="确认密码" prop="checkPass">
                            <el-input type="password" v-model="ManagerForm.checkPass" auto-complete="off"></el-input>
                        </el-form-item>
                        <el-form-item label="是否启用" prop="status">
                            <el-switch on-text="" off-text="" v-model="ManagerForm.status"></el-switch>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="submitForm('ManagerForm')">提交</el-button>
                            <el-button @click="resetForm('ManagerForm')">重置</el-button>
                        </el-form-item>
                    </el-form>
                </div>
            </el-card>
        </div>
    </div>
</template>

<script src="../../js/auth/ManagerEdit.js"></script>